@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #f7f7f7;
}

.desk {
  .left {
    // background-image:url(../images/desk-left.jpg);
    width: 375px;
    height: 796px;
    float: left;

    >img {
      width: 100%;
      height: 100%;
    }
  }

  .right {
    margin-left: 20%;
    width: 80%;
    height: 80px;

    >.header {
      height: 40px;
      padding: 20px;
      font-size: 26px;
      font-weight: 500;
      color: #333;
      line-height: 40px;

      >.title {
        float: left;
        height: 40px;
        width: 154px;
        margin: 0 5px 0 20px;
        color: #333;
        font-size: 26px;

        img {
          height: 40px;
          width: 40px;
        }

        span {
          display: block;
          float: right;
        }
      }

      >.nav {
        float: right;
        width: 370px;
        height: 40px;

        >a {
          float: left;
          display: block;
          // width: 70px;
          // height: 40px;
          text-decoration: none;
          color: #838383;
          font-size: 13px;
          margin: 0 15px;
          position: relative;
        }

        >span {
          float: left;
          // display: block;
          font-size: 12px;
          color: #BBBBBB;
        }
        >em{  
          float: left;
          display: block;
          margin-top: 2px;
          font-size: 12px;
          color: #838383;
        }
      }

    }

    .center {
      // border: 1px solid;
      padding: 20px 0 0;
      margin-top: 40px;
      width: 100%;
      height: 675px;
      background-color: #f7f7f7;

      >.center-center {
        // border: 1px solid;
        width: 450px;
        // height: 570px;
        background-color: #fff;
        padding: 40px 45px;
        margin: 0 auto 80px;
        position: relative;
          >span{
            position: absolute;
            top: 0px;
            right: 0px;
            display: block; 
            background-color: #ff5c00;
            border: 22px solid #ff5c00;
            color: #fff;
            font-size: 50px;
            border-left-color: #fff;
            border-bottom-color: #fff;;
          }
        

        >.center-center-body {
          // border: 1px solid;
          background-color: #fff;
          overflow: hidden;
          >form{
            >.center-center-header {
              background-color: #fff;
              position: relative;
              display: inline-block;
              display: flex;
              flex: auto;
              align-self: stretch;
              overflow: hidden;
              color: #BBBBBB;
  
              >.center-center-header-box {
                position: relative;
                display: flex;
                color: rgba(0, 0, 0, .85);
                font-size: 14px;
                font-variant: tabular-nums;
                line-height: 1.5715;
                list-style: none;
                background-color: #fff;
  
                >.center-border {
                  position: absolute;
                  background: #ff5c00;
                  border-radius: 2px;
                  height: 3px;
                  left: 58px;
                  width: 44px;
                  bottom: 0;
                }
  
                >span {
                  background-color: #fff;
                  position: relative;
                  font-size: 20px;
                  margin: 8px 20px 0 0;
                  >a{
                    display: block;
                    color: #999;
                    background-color: #fff;
                    text-decoration: none;
                  }
                }
  
                >.active {
                  background-color: #fff;
                  font-weight: 550;
                  color: #333;
                  // border-bottom: 4px solid #ff6700;
                  >a{
                    color:#000;
                  }
                }
              }
  
  
            }
  
            >.center-center-center {
              background-color: #fff;
              // width: 356px;
              // height: 340px;
              display: inline-block;
              // box-sizing: border-box;
              // overflow: hidden;
              position: relative;
              min-width: 450px;
  
              // position: relative;
              >.center-center-caccount {
                position: relative;
                overflow: hidden;
                margin-top: 20px;
                background-color: #fff;
                // >input {
                //   border-radius: 5px;
                //   // float: left;
                //   // margin-left: -5px;
                //   // margin-right: -5px;
                //   width: 354px;
                //   height: 60px;
                //   border: 0;
                //   // padding: 30px 20px 10px;
                //   // background-color: #FCF2F3;
                //   background-color: #fbfbfb;
                // }
                >input{
                  border-radius: 5px;
                  // float: left;
                  // margin-left: -5px;
                  // margin-right: -5px;
                  width: 354px;
                  height: 60px;
                  font-size: 17px;
                  color: #333;
                  border: 0;
                  padding-left: 20px;
                  // padding: 30px 20px 10px;
                  // background-color: #FCF2F3;
                  background-color: #fbfbfb;
                  // position: relative;
                }
  
                >label {
                  display: block;
                  user-select: none;
                  position: absolute;
                  top: 3px;
                  left: 20px;
                  height: 20px;
                  font-weight: 400;
                  font-size: 12px;
                  color: #AAAAAA;
                  background-color: #fff;
                  line-height: 20px;
                  overflow: hidden;
                }
  
                >.center-center-caccount1 {
                  color: #f04645;
                  font-size: 12px;
                  margin-top: 10px;
                  // margin: 70px 0 20px 0;
                  background-color: #fff;
                  display: none;
                }
  
  
              }
  
  
  
              >.center-center-tel {
                position: relative;
                // overflow: hidden;
                margin-top: 20px;
                background-color: #fbfbfb;
                width: 354px;
                height: 60px;
                border: 0;
                >.center-center-tel-left{
                  float: left;
                  height: 60px;
                  width: 140px;
                  position: relative;
                  .span1{
                    position: absolute;
                    top: 5px;
                    left: 20px;
                    font-size: 12px;
                    color: #AAAAAA;
                  }
                  .span2{
                    position: absolute;
                    top: 30px;
                    left: 20px;
                    font-size: 17px;
                    color: #00000040;
                  }
                }
                >.center-center-tel-right{
                  // background-color: #f04645;
                  float: right;
                  >input {
                    border-radius: 5px;
                    padding: 20px;
                    width:210px;
                    height: 60px;
                    border: 0;
                    outline: #f04645;
                    // padding: 30px 20px 10px;
                    // background-color: #FCF2F3;
                    background-color: #fbfbfb;
                    
                    
                  }
                }
                
                // >span{
                //   display: block;
                //   background-color: #fff;
                //   // float: right;
                //   position: absolute;
                //   top: 20px;
                //   right: 120px;
                //   font-size: 22px;
                //   color: #AAAAAA;
                // }
  
                >label {
                  user-select: none;
                  position: absolute;
                  top: 20px;
                  left: 20px;
                  height: 20px;
                  font-weight: 400;
                  font-size: 17px;
                  color: rgba(0, 0, 0, .4);
                  line-height: 20px;
                  overflow: hidden;
                  background-color: #fff;
                  
                }
  
                >.center-center-power1 {
                  color: #f04645;
                  font-size: 12px;
                  margin-top: 10px;
                  background-color: #fff;
                  display: none;
                }
              }
  
  
  
  
              >.center-center-yz {
                position: relative;
                overflow: hidden;
                margin-top: 20px;
                background-color: #fff;
                >input {
                  border-radius: 5px;
                  // float: left;
                  // margin-left: -5px;
                  // margin-right: -5px;
                  padding: 20px;
                  width: 354px;
                  height: 60px;
                  border: 0;
                  // padding: 30px 20px 10px;
                  // background-color: #FCF2F3;
                  background-color: #fbfbfb;
                  
                  
                }
                >span{
                  display: block;
                  user-select: none;
                  background-color: #fff;
                  position: absolute;
                  top: 20px;
                  right: 120px;
                  font-size: 14px;
                  color: #ff5c00;
                }
  
                >label {
                  user-select: none;
                  position: absolute;
                  top: 20px;
                  left: 20px;
                  height: 20px;
                  font-weight: 400;
                  font-size: 17px;
                  color: rgba(0, 0, 0, .4);
                  line-height: 20px;
                  overflow: hidden;
                  background-color: #fff;
                  
                }
  
                >.center-center-power1 {
                  color: #f04645;
                  font-size: 12px;
                  margin-top: 10px;
                  background-color: #fff;
                  display: none;
                }
              }
              
  
              >.center-center-agreemen {
                margin: 20px;
                font-size: 14px;
                color: #AAAAAA;
                background-color: #fff;
  
                >span {
  
                  >input {
                    float: left;
                    margin-left: -20px;
                    margin-right: 4px;
                    display: block;
                    height: 20px;
                    width: 20px;
                  }
  
                }
  
                a {
                  background-color: #fff;
                  text-decoration: none;
                  color: #333;
                  margin: 0 2px 0;
                }
              }
  
              >.center-login {
                height: 40px;
                width: 356px;
                text-align: center;
                border: none;
                height: 60px;
                padding: 0 20px;
                background: #f2b58d;
                border-radius: 4px;
  
                >span {
                  // display: block;
                  background: #f2b58d;
                  margin: 10px auto 10px;
                  color: #fff;
                  font-size: 17px;
                }
              }
  
              >.center-forget {
                a {
                  float: left;
                  display: block;
                  margin: 10px 0 10px 0;
                  text-decoration: none;
                  color: #ff5c00;
                  font-size: 17px;
                  background-color: #fff;
                }
              }
            }
  
            >.center-center-floor {
              background-color: #fff;
              // height: 96px;
              // width: 360px;
              text-align: center;
  
              >.center-other {
                font-size: 17px;
                color: #AAAAAA;
                // margin: 15px 20px;
                background-color: #fff;
              }
  
              >.center-other-login {
                // width: 360px;
                // height: 52px;
                background-color: #fff;
                // margin: 0px 45px;
  
                >span {
                  display: block;
                  float: left;
                  padding-left: 25px;
                  margin: 10px 5px 0;
                  background-color: #fff;
                  font-size: 46px;
                  height: 52px;
                  line-height: 52px;
                }
              }
            }
          }
          
        }
      }
    }

    >.floor {
      >.floor-records {
        font-size: 12px;
        color: #999;
        text-align: center;

        a {
          text-decoration: none;
          font-size: 12px;
          color: #999;
        }
      }
    }
  }
}